<#macro layout>
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <title>领先一步洗车</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <meta name="author" content="wangchunpeng">
        <meta name="HandheldFriendly" content="True">
        <meta name="viewport" content="width=device-width,user-scalable=no"/>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <meta http-equiv="cleartype" content="on">
        <link rel="stylesheet" href="${ctx}/resource/css/style.css" media="screen"/>

        <script type="text/javascript">

        </script>
    </head> <#nested>
</#macro><@layout>
<body>
<div id="wrap"><style>
    .swipe-wrap div,
    .swipe-wrap div a {line-height: 0;}

</style>
    <div id="header">
        <div class="swipe-wrap">
            <div>
                <p class="vehicle-title" style="text-align: center;background-color: #55C126">

                </p>
                <p class="vehicle-title" style="color:white;text-align: center;background-color: #55C126">
                    领先一步洗车管理
                </p>
                <p class="vehicle-title" style="text-align: center;background-color: #55C126">
                </p>
                <p class="vehicle-title" style="text-align: center;background-color: #55C126">
                </p>
            </div>

        </div>
    </div>


    <div id="violations">
        <p class="vehicle-title">
            <#list hylist as m>卡号： ${(m.card)!} <span>用户：${(m.yhm)!}，&nbsp
            余额：${(m.ysjes)?number+(m.czje)?number-(m.vipcard)?number} </span>
           <span> 积分：		${(m.vipcard)?number+(m.moneys)?number-(m.xfjfs)?number}   </td>
             </span></#list><span>消费信息如下：</span>
        </p>
        <ul>
            <#list hyxf as m>
            <li class="">
                <div class="timeline">
                    <p class="year">${(m.lrrq)!?substring(0,4)}</p>
                    <p>${(m.lrrq)!?substring(5,7)}/${(m.lrrq)!?substring(8,10)}</p>
                </div>
                <div class="little-circle"></div>
                <div class="detail">
                    <p><span>${(m.xfmc)!}</span>${(m.xfsjjgs)!} 元 <span></span> </p>
                    <p class="reason"></p>
                    <p class="address"></p>
                    <hr/>
                </div>
            </li>
                </#list>
        </ul>


    </div>
</div>
<style type="text/css">
    #follow-us img{width:60px;border-radius: 5px;float:left;margin-top: 2px;margin-left:20px;}
    #follow-us p{font-size:14px;line-height: 1.5;padding-left: 95px;}
    #follow-us p b{color:#16d24c;}
    #follow-us p.pbtn{text-align:center;padding:0px;margin:0;font-size:12px;margin-top:10px;}
    #follow-us p.pbtn>button{font-size: 14px; padding-bottom: 9px;padding-top: 9px;border-radius: 2px 10px; width: 35%;}
    button { color: #004995; padding-top: 5px; padding-bottom: 5px; width: 50%; -webkit-appearance: none; border: 0; background: #55C126; color: #FFF; font-size: 18px; padding-top: 13px; padding-bottom: 13px; border-radius: 2px 15px 2px 15px;}
</style>

</body>
</html></@layout>